<!DOCTYPE html>
<html>
<head><meta name="generator" content="Hexo 3.9.0">
  <meta charset="utf-8">
  
  <title>Tag: Blog | Clover Tuan</title>
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <meta property="og:type" content="website">
<meta property="og:title" content="Clover Tuan">
<meta property="og:url" content="https://clovertuan.github.io/tags/Blog/index.html">
<meta property="og:site_name" content="Clover Tuan">
<meta property="og:locale" content="default">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Clover Tuan">
  
  <link rel="stylesheet" href="/css/index.css">
</head>
</html>
<body style="


  background-color: #eff0f6

">
  <div id="container">
    <nav id="nav">
  <header class="header">
    <a href="/" class="title">Clover Tuan</a>
  </header>
  <div class="ctnWrap">
    <div class="icons">
      
        
          
            <a href="https://dribbble.com/clovertuan" target="_blank" class="nav-icn iconfont icon-dribbble"></a>
          
        
          
            <a href="https://www.behance.net/clovertuan" target="_blank" class="nav-icn iconfont icon-behance"></a>
          
        
          
            <a href="https://elsietuan.zcool.com.cn/" target="_blank" class="nav-icn iconfont icon-zcool"></a>
          
        
          
            <a href="http://clovertuan.lofter.com/" target="_blank" class="nav-icn iconfont icon-lofter"></a>
          
        
          
            <a href="https://www.instagram.com/clovertuan/" target="_blank" class="nav-icn iconfont icon-instagram"></a>
          
        
      
    </div>
    <div class="menu">
      
        
            <a href="/" class="nav-menu ">BLOG</a>
          
        
            <a href="/resume" class="nav-menu ">PORTFOLIO</a>
          
        
            <a href="/about" class="nav-menu ">ABOUT</a>
          
        
      
    </div>
  </div>
</nav>
    <div id="main">
  
    
    <div class="project-card">
  
    <div class="imgWrap">
      <img src="https://raw.githubusercontent.com/CloverTuan/Markdown_Images/master/qc-staff/qcstaff-cover.png" alt="" />
    </div>
  
  <div class="ctnWrap">
    <a href="/2018/10/13/qc-staff-app/" class="title">青橙健身管理App设计总结</a>
    <section class="desc">
  为健身从业者打造的平台，支持每个健身从业者的梦想！App Store、应用宝可搜索下载
</section>
    <p class="sub">Oct 13, 2018</p>
  </div>
</div>
  
    
    <div class="project-card">
  
    <div class="imgWrap">
      <img src="https://raw.githubusercontent.com/CloverTuan/Markdown_Images/master/material-design/md-cover.jpg" alt="" />
    </div>
  
  <div class="ctnWrap">
    <a href="/2018/10/11/material-design/" class="title">Material Design 新知</a>
    <section class="desc">
  在 Google I/O 2018 大会上，Google 设计团队发布了他们最新的 Material Design 成果，抽空通读了一下官方文档，对Material Design 有了一些新的认识...
</section>
    <p class="sub">Oct 11, 2018</p>
  </div>
</div>
  
    
    <div class="project-card">
  
    <div class="imgWrap">
      <img src="https://raw.githubusercontent.com/CloverTuan/Markdown_Images/master/web-guidelines/guidelines-cover.png" alt="" />
    </div>
  
  <div class="ctnWrap">
    <a href="/2018/10/08/qc-design-guidelines/" class="title">青橙Web端设计规范1.0设计总结</a>
    <section class="desc">
  记一次造轮子的经历
</section>
    <p class="sub">Oct 8, 2018</p>
  </div>
</div>
  
    
    <div class="project-card">
  
    <div class="imgWrap">
      <img src="https://raw.githubusercontent.com/CloverTuan/Markdown_Images/master/chinese-calendar/cover-small.png" alt="" />
    </div>
  
  <div class="ctnWrap">
    <a href="/2018/09/19/chinese-calendar/" class="title">四季插画日历</a>
    <section class="desc">
  一年四季，十二个月的更替，每个月都有着独特的风景，总有一些风景能带给我们不一样的回忆和感受，画了这样一个系列将这些景色记录下来，希望自己能够用心去感受生活...
</section>
    <p class="sub">Sep 19, 2018</p>
  </div>
</div>
  
    
    <div class="project-card">
  
    <div class="imgWrap">
      <img src="https://raw.githubusercontent.com/CloverTuan/Markdown_Images/master/yanxi/yanxi-cover.jpg" alt="" />
    </div>
  
  <div class="ctnWrap">
    <a href="/2018/09/04/yanxi/" class="title">我画延禧</a>
    <section class="desc">
  最近「延禧攻略」大火，于是我也追了一波风。不得不说，服装配饰太精致太好看啦，精致到难以描绘(&gt;_&lt;)
</section>
    <p class="sub">Sep 4, 2018</p>
  </div>
</div>
  
    
    <div class="project-card">
  
    <div class="imgWrap">
      <img src="https://raw.githubusercontent.com/CloverTuan/Markdown_Images/master/bear-sticker/bear-cover.jpg" alt="" />
    </div>
  
  <div class="ctnWrap">
    <a href="/2018/06/17/bear-stickers/" class="title">焦虑熊表情包来啦ʕ•ᴥ•ʔ</a>
    <section class="desc">
  我的第一套微信表情包，取材于小熊同学的日常智障瞬间，总的来说，整个制作过程比想象中顺利很多。已上架至微信表情商店，欢迎下载...
</section>
    <p class="sub">Jun 17, 2018</p>
  </div>
</div>
  
    
    <div class="project-card">
  
    <div class="imgWrap">
      <img src="https://raw.githubusercontent.com/CloverTuan/Markdown_Images/master/QCWeb-redesign/qcweb-cover.png" alt="" />
    </div>
  
  <div class="ctnWrap">
    <a href="/2017/11/07/qcweb/" class="title">组件化的运用—健身房管理系统Web改版小结</a>
    <section class="desc">
  记「青橙健身房管理系统」的一次小改版
</section>
    <p class="sub">Nov 7, 2017</p>
  </div>
</div>
  
    
    <div class="project-card">
  
  <div class="ctnWrap">
    <a href="/2017/08/16/app-ads-launch-screen/" class="title">一张图搞定APP启动页广告</a>
    <section class="desc">
  终于，我们的产品里也要加上用户最讨厌的开屏广告了，对这个细小而繁琐的问题，我是这样解决的...
</section>
    <p class="sub">Aug 16, 2017</p>
  </div>
</div>
  
    
    <div class="project-card">
  
  <div class="ctnWrap">
    <a href="/2015/12/13/web-form-design/" class="title">Web表单设计的艺术</a>
    <section class="desc">
  我所在的公司是为健身房提供管理系统的，这样的管理系统经常涉及到大量的表单填写，可能对于大多数人来说，表单看起来都差不多，但接触到真正的设计工作时，才发现要设计出交互简单而自然的表单并不简单，表单中标签的对齐方式、内容的归类方式、出错提示等都应该是经过仔细考量的...
</section>
    <p class="sub">Dec 13, 2015</p>
  </div>
</div>
  
    
    <div class="project-card">
  
    <div class="imgWrap">
      <img src="https://raw.githubusercontent.com/smallmuou/Jekyll-Pithy/master/images/Jekyll-Pithy.png" alt="" />
    </div>
  
  <div class="ctnWrap">
    <a href="/2015/05/20/why-blog/" class="title">用Jekyll建立Github博客</a>
    <section class="desc">
  写博客的过程，其实就是一次深入思考并予以记录的过程，这会让人收获意想不到的喜悦，在以后看来，都会有不一样的感受...
</section>
    <p class="sub">May 20, 2015</p>
  </div>
</div>
  
  

</div>
    <footer id="footer" class="f-cf">
  d.guangying@foxmail.com
  
    
      
        · <a href="https://dribbble.com/clovertuan" target="_blank" class="nav-icn">Dribbble</a>
      
    
      
        · <a href="https://www.behance.net/clovertuan" target="_blank" class="nav-icn">Behance</a>
      
    
      
        · <a href="https://elsietuan.zcool.com.cn/" target="_blank" class="nav-icn">Zcool</a>
      
    
      
        · <a href="http://clovertuan.lofter.com/" target="_blank" class="nav-icn">Lofter</a>
      
    
      
        · <a href="https://www.instagram.com/clovertuan/" target="_blank" class="nav-icn">Instagram</a>
      
    
  
  <span class="copyright">All rights reserved @Clover Tuan</span>
</footer>
  </div>
</body>
</html>